<template>
  <div class="qx_head">
    <header class="">
      <div class="head_logo">
        <img src="../../images/logo.png" alt="" />
        <a class="btn-fold" @click="handleShowModal">
          <img src="../../images/tab.png" alt="" />
        </a>
      </div>
      <div class="line">
        <img src="../../images/line.png" alt="">
      </div>
    </header>
  </div>
</template>
<script>

  export default {
    data() {
      return {

      }
    },
    components: {

    },
    mounted() {
    },
    methods: {
      handleShowModal() {
        this.$emit("showModal", true)
      }
    }
  };
</script>
<style lang="less">
  .qx_head {
    background-color: #fff;
    header {
      position: relative;
      .head_logo {
        height: 1.08rem;
        line-height: 1.08rem;
        text-align: center;
        img {
          width: 2.65rem;
          vertical-align: middle;
        }
        a.btn-fold {
          position: absolute;
          right: .6rem;
          img {
            width: .4rem;
          }
        }
      }
      .line {
        width: 100%;
        height: .03rem;
        img {
          width: 100%;
          height: .03rem;
          vertical-align: top;
        }
      }
    }
  }
</style>
